{extend name='table'}

{block name="button"}

<button  data-modal='{:url("add")}' 
  class='layui-btn layui-btn-sm layui-btn-primary'>{:lang('添加')}</button>

{/block}

{block name="content"}
<div class="think-box-shadow">
  {include file='stock_good/index_search' /}
  <table id="OplogTable" data-url="{:request()->url()}" data-target-search="form.form-search"></table>
</div>
{/block}

{block name='script'}
<script>
  $(function () {
    $('#OplogTable').layTable({
      even: true, height: 'full',
      sort: { field: 'id', type: 'desc' },
      cols: [[
        { checkbox: true }, 
         { field: 'name', width: 150, title: '名称' },

         {
          field: 'type', title: '总库存', width: 120, align: 'center', templet: function (d) {
            return '<span>' + d.total + 'kg</span>';
          }
        },

         {
          field: 'type', title: '已用库存', width: 120, align: 'center', templet: function (d) {
            return '<span>' + d.used + 'kg</span>';
          }
        },
         {
          field: 'type', title: '已出库件数', width: 120, align: 'center', templet: function (d) {

            return '<span>' + d.used / d.bulk_weight + '件</span>';
          }
        },
        {
          field: 'type', title: '剩余件数', width: 120, align: 'center', templet: function (d) {
            
            return '<span>'+d.remaining/d.bulk_weight +'件</span>';
          }
        },

        {
          field: 'type', title: '剩余库存', width: 120, align: 'center', templet: function (d) {
            return '<span>' + d.remaining  + 'kg</span>';
          }
        },
        
        { title: '操作',  align: 'center', toolbar: '#toolbar' }
      ]]
    });
  });
</script>

<script type="text/html" id="toolbar">
  <!--{if auth("inbound")}-->
  <a class="layui-btn layui-btn-sm" data-event-dbclick data-title="{:lang('入库')}"
    data-modal='{:url("inbound")}?id={{d.id}}'>{:lang('入库')}</a>
  <!--{/if}-->
  <!--{if auth("outbound")}-->
  <a class="layui-btn layui-btn-sm" data-event-dbclick data-title="{:lang('出库')}"
    data-modal='{:url("outbound")}?id={{d.id}}'>{:lang('出库')}</a>
  <!--{/if}-->
  <!--{if auth("logs")}-->
  <a class="layui-btn layui-btn-sm" data-event-dbclick data-title="{:lang('流水')}"
    data-open='{:url("logs")}?goods_id={{d.id}}'>{:lang('流水')}</a>
  <!--{/if}-->
    <!--{if auth("edit")}-->
    <a class="layui-btn layui-btn-sm" data-event-dbclick data-title="{:lang('编辑')}"
      data-modal='{:url("edit")}?id={{d.id}}'>{:lang('编辑')}</a>
    <!--{/if}-->
    <!--{if auth("remove")}-->
    <a class="layui-btn layui-btn-sm layui-btn-danger" data-confirm="{:lang('确定要永久删除吗？')}" data-action="{:url('remove')}"
      data-value="id#{{d.id}}">{:lang('删除')}</a>
    <!--{/if}-->
</script>
{/block}